<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>下单页面</title>
		<!--引入jquery-->
		<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!--引入bootsrap-->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css"/>
		<script src="${pageContext.request.contextPath}/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/user/index.css"/>
		<style type="text/css">
		#bg{
			background-image: url(../../img/user/gallery2.png);
			background-repeat: no-repeat;
			background-size: cover;
		}
		</style>
</head>
<body>
	<!--logo-->
	<div class="container logo">
		<img src="${pageContext.request.contextPath }/img/user/Logo.png"/>
	</div>
	<div id="bg">
	<div class="container-fluid regist">				
		<div class="container main">				
			<h3><font color="white">预订页面</font></h3>	
			<br /><br />
			
			<form class="form-horizontal" action="${pageContext.request.contextPath }/ShopServlet?action=buy2" method="post">
			 	<div class="form-group">
			    	<label for="username" class="col-sm-2 control-label"><font color="white">入住人姓名</font></label>
				    <div class="col-sm-6">
				      <input id="cname" name="cname" type="text" class="form-control" placeholder="请输入用户名" autofocus="autofocus">
				    </div>
				  </div>
			   	<div class="form-group">
				    <label for="inputPassword3" class="col-sm-2 control-label"><font color="white">入住人电话</font></label>
				    <div class="col-sm-6">
				      <input name="cphone" type="password" class="form-control" placeholder="请输入电话">
				    </div>
				  </div>
			   	<div class="form-group">
				    <label for="inputPassword3" class="col-sm-2 control-label"><font color="white">入住人身份证</font></label>
				    <div class="col-sm-6">
				      <input name="cidcard" type="password" class="form-control" placeholder="请输入身份证">
				    </div>
				</div>
				<div class="form-group">
				    <label for="date" class="col-sm-2 control-label"><font color="white">入住时间</font></label>
				    <div class="col-sm-6">
				      <input name="startdate" type="date" name="startdate" class="form-control"  >		      
				    </div>
				</div>
				<div class="form-group">
				    <label for="date" class="col-sm-2 control-label"><font color="white">退房时间</font></label>
				    <div class="col-sm-6">
				      <input name="actendate" type="date" name="actendate" class="form-control"  >		      
				    </div>
				</div>			 		
			  	<div class="form-group">
				    <div class="col-sm-offset-2 col-sm-6">
				      <button type="submit" class="btn btn-primary btn-lg btn-block btn-danger">预定</button>
				    </div>
				</div>
			 			  	<div class="form-group">
				    <div class="col-sm-offset-2 col-sm-6">
				      <button type="submit" class="btn btn-primary btn-lg btn-block btn-danger"><a href=index.jsp>返回主页面</a></button>
				    </div>
				</div>
			 	<br />
			 	<br />
			 	
			</form>
			
			
		</div>			
	</div>
</div>
	
	<jsp:include page="/user/footed.jsp"></jsp:include>		
</body>
</html>